<template>
  <view style="width: 100vw;margin-top: 10px;">
    <view v-for="(item, index) in item" :key="index" class="item">
      <view class="detail">
        <image src="../../static/buy/1.png"></image>
        <view class="info" style="height: 100%;width: 80%;">
          <view style="font-size: 15px;font-weight: 600;">{{ item.name }}</view>
          <view style="font-size: 12px;color: #b7b7b8;">{{ item.description }}</view>
          <view style="font-size: 16px;font-weight: 600;margin-top:20px;display: flex;height:20%;width: 90%">
            <view  style="line-height: 100%;">¥{{ item.price }}</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        item:'',
      };
    },
    onLoad() {
     this.item = uni.getStorageSync('clicked_items');
    }
  }
</script>

<style lang="scss">
.item {
  margin-bottom: 10px;
  .detail{
    display: flex;
    height: 10vh;
    width: 95%;
    border: 0.5px solid black;
    border-radius: 10px;
    margin: 0 auto;
    image{
      height: 90%;
      width: 20%;
      margin: 5px;
    }
  }
}
</style>
